<template>
	<view class="box">
		<view class="card">
			<view class="header">
				<text>威尔默教育</text>
			</view>
			<view class="content-x">
				<text>公司以开展时代的专业化教育和远程教育为主 要经验内容，并配合发展优质的海外学习咨询服务， 海外学习研学交流项目，海外投资移民咨询项目，海外优质人才实习就业等。是新时代下发达教育理念的引领者，也是世界教育的推动者。</text>
			</view>
			<!-- 分割线 -->
			<view class="hr">
				<view class="left"></view>
				<view class="zhong"></view>
				<view class="right"></view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.box {
		padding-top: 18px;
		padding: 18px 20px 0;
	}

	.card {
		width: 686rpx;
		max-height: 626px;
		margin: 10rpx auto;
		border-radius: 6px;
		box-shadow: 0px 1px 4px 1px #00000026;
		padding: 60rpx 12rpx 200rpx;
		box-sizing: border-box;
	}

	.header {
		font-size: 26px;
		text-align: center;
	}

	.content-x {
		font-size: 16px;
		color: #666666;
		margin-top: 18px;
		line-height: 32px;
	}

	.hr {
		display: flex;
		line-height: 200rpx;
		justify-content: center;
		margin-top: 160rpx;

		.left {
			height: 1rpx;
			width: 240rpx;
			background-color: #E0E0E0;
			border-bottom: 1px solid #e0e0e0;
			margin-right: 24rpx;
			margin-top: 6rpx;
		}

		.right {
			height: 1rpx;
			width: 240rpx;
			background-color: #E0E0E0;
			border-bottom: 1px solid #e0e0e0;
			margin-left: 24rpx;
			margin-top: 6rpx;
		}

		.zhong {
			width: 20rpx;
			height: 20rpx;
			background-color: #E0E0E0;
			border-radius: 50%;
		}
	}
</style>